<template>
	<view class="bg-white content">
		<cu-custom bgColor="bg-white" :isBack="false">

			<block slot="content">{{title}}</block>
			<block slot="right" class="right-text">
				<text class="cuIcon-search text-bold"></text>
			</block>
		</cu-custom>
		<view class="cu-list menu  head-notice">
			<view class="cu-item arrow">
				<view class="content flex text-sm">
					<view class="notice-style bg-red text-sm">
						公告
					</view>
					<view class="notice-content text-gray">
						这是通知消息
					</view>
				</view>
			</view>
		</view>
		
		<view class="">
			
		</view>




	</view>
</template>

<script>
	export default {
		name: "order",
		data() {
			return {
				title: "全部跟单",
				avatar: [
					'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg',
					'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
					'https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg',
					'https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg'
				],
				

			}

		}

	}
</script>

<style scoped>
	.cuIcon-search {
		font-weight: 600;
	}

	.notice-style {

		padding: 0rpx 10rpx 0rpx 10rpx;
		transform: skew(-20deg);
		border-radius: 10rpx;
	}

	.notice-content {
		width: 80%;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 10rpx;
	}

	.head-notice {
		border-top: 2rpx solid #EEEEEE;
	}
</style>
